var numeroFilas = 0;
var filaSeleccionado = true;
var ruta3 = '/'+window.location.pathname.split("/")[1];


function consultarVacaciones(urlHtml, accion, idUsuario){
    
    $("#tblMisVacaciones tbody").children("tr").remove();
    if(accion=='refresh'){
        //alert("refresh");
        fnMensajeProcesoInicio('Actualizando');
        
    }
    $.ajax({
        url: urlHtml,
        data: {
            metodo:'cargarVacacionesPorUsuario',
            idUsuario: idUsuario
        } ,
        dataType: 'json',
        cache: false,
        success:function(respuestaServerJSON) {
    
        
            if(respuestaServerJSON.resultadoDetalle!=undefined && respuestaServerJSON.resultadoDetalle.length>0){
               
                
                var tamanio = respuestaServerJSON.resultadoDetalle.length-1;
                var objJSONAnt;
                for(var i=0; i<tamanio; i++) {
                    if(i>0){
                        objJSONAnt=respuestaServerJSON.resultadoDetalle[i-1];
                    }else{
                        objJSONAnt='';
                    }
                    cargarVacacionesList("tblMisVacaciones",respuestaServerJSON.resultadoDetalle[i], objJSONAnt, respuestaServerJSON.resultadoDetalle);
    
                }
                $('#txtSaldoAcumulado').attr('value', respuestaServerJSON.resultadoDetalle[tamanio].saldoAcumulado);

                    
            }else{
                var fila = '<tr>';                   
                fila+='<th></th>';
                fila+='<th colspan="4" class="label"> No tiene vacaciones registradas</th>';
                fila+='</tr>';
                $("#tblMisVacaciones > tbody").append(fila);
            }
            
            
            if(accion=='refresh'){
                fnMensajeProcesoTerminado('');    
            }
        }

    });
}


function cargarVacacionesList(idElementoTabla,objJSON, objJSONAnt, resultadoDet){

    if(objJSON.periodo!=objJSONAnt.periodo){
         
        var fila = '<tr id='+objJSON.periodo+'>';

        var idElementTabla= "'"+idElementoTabla+"'";
        
        var fechaInicFl = ReplaceAll(objJSON.fechaInicio,'.','')
        var fechaFnlFl = ReplaceAll(objJSON.fechaFin,'.','')
        
        if(fechaInicFl=='00000000' && fechaFnlFl=='00000000' ){
            fila+='<td style="background: #B6DDE8" align="center" ><img src="images/nolines_minus.gif" alt=""></td>'
        }else{
            fila+='<td style="background: #B6DDE8" align="center" ><img src="images/nolines_plus.gif" onclick="toggleRows2(this,'+idElementTabla+')"  alt=""></td>'
        }
        fila +='<td style="background: #B6DDE8" align="center">'+objJSON.periodo+'</td>';
        fila +='<td style="background: #B6DDE8" align="center">'+objJSON.diasHabiles+'</td>';
        fila +='<td style="background: #B6DDE8" align="center">'+objJSON.diasGozados+'</td>';
        fila +='<td style="background: #B6DDE8" align="center">'+objJSON.saldo+'</td>';
    
        fila +='</tr>';
            
          
        $("#" + idElementoTabla + " > tbody").append(fila);

        numeroFilas += 1;
        var cantFilaDet = 0;
        var taman = resultadoDet.length;
        for(var i=0; i<taman; i++) {
            cantFilaDet++;
            if(resultadoDet[i].periodo==objJSON.periodo){
                var fechaInicFlDet = ReplaceAll(resultadoDet[i].fechaInicio,'.','')
                var fechaFnlFlDet = ReplaceAll(resultadoDet[i].fechaFin,'.','')
                if(fechaInicFlDet!='00000000' && fechaFnlFlDet!='00000000' ){
                    var claveDet=objJSON.periodo+"-"+ cantFilaDet
                    var filaDet = '<tr id='+ claveDet + ' style="display: none">';
 
                    filaDet +='<td align="center"></td>';
                    filaDet +='<td align="center">'+resultadoDet[i].fechaInicio+'</td>';
                    filaDet +='<td align="center">'+resultadoDet[i].fechaFin+'</td>';
                    filaDet +='<td align="center">'+resultadoDet[i].dias+'</td>';
                    filaDet +='<td align="center"></td>';
                    filaDet +='</tr>';

                    $("#" + idElementoTabla + " > tbody").append(filaDet);
                        
                }
                    
            }
                    
        }
            
            
            
    }
    
}






